$(document).ready(function(){// 反应式编程：当页面加载完毕后执行
    $("#greet").click(function(){// 当按钮被点击后执行
        var name = $("#name").val();// 获取页面中输入框的值
        if (name == "") {// 判断用户名是否为空
            name = "访客";
        }
        var greeting = "你好，" + name + "！";// 拼接欢迎语
        $("#greeting").text(greeting);// 将欢迎语显示在页面中
    });

    $("form button.btn-success").click(function(){// 当点击添加按钮时
        let book = $("#book").val();
        let author = $("#author").val();
        let tr = '<tr><td>'+book+'</td><td>'+author+'</td><td><button type="button" class="btn btn-danger">删除</button></td></tr>';
        $("table tbody").append(tr);
    });

    $("table").on("click", "button.btn-danger", function(event){// 当点击删除按钮时
        $(event.target).parents("tr").remove();
    });
})